//一般直接写在一个js文件中
layui.use(['layer', 'form','element','laypage','jquery','layedit','upload'], function(){
    var layer = layui.layer,$=layui.jquery
        ,form = layui.form;
    var element = layui.element;
    var laypage = layui.laypage;
    var layedit = layui.layedit;
    var  upload=layui.upload;

    //js 存储数据的区域
    //sessionstorage   存储的数据 session会话结束就失效
    //localstorage     //长时间长久保存在本地
   /* sessionStorage.setItem("hi", "你好");
    sessionStorage.getItem("hi")
    localstorage.setItem("hi", "你好");
    localstorage.getItem("hi")*/

    //执行一个laypage实例
    laypage.render({
        elem: 'page' //注意，这里的 test1 是 ID，不用加 # 号
        ,count: $("#count").val() //数据总数，从服务端得到
        ,limit:5
        ,curr:$("#pageIndex").val()
        ,jump: function(obj, first){
            //首次不执行
            if(!first){
              location.href="show.html?nav=show&pageIndex="+obj.curr;
            }
          }
    });
   
    //富文本编辑器
    layedit.build('ct'); //建立编辑器


    //获得屏幕的宽度
    var  ww=$(document.body).width();
    navTree(ww);

    var  showwindow=null;
    var  url=null;
    
    lookDelete();
    function lookDelete(){
	    $(".look").click(function(){
	        url='look.html?id='+$(this).attr("data-id");
	        openWindow(url,'查看信息');
	    });
	    //删除信息
	    $(".delete").click(function () {
	        var  id=$(this).attr("data-id");
	        var cf=layer.confirm('您确定要删除？', {
	            btn: ['确定','取消']
	        }, function(){
	        	layer.close(cf);
	        	var loading = layer.load(1, {
	      		  shade: [0.1,'black'] //
	      		});
	        	$.ajax({
	        		url:"deleteMsg?id="+id,
	        		type:"POST",
	        		dataType:"JSON",
	        		success:function(data){  //{"rs":"success"} {"rs":"error"}
	        			if(data.rs=="success"){
	        				$("[data-id="+id+"]").parent().parent().remove();
	        				layer.msg("删除成功");
	        			}else{
	        				layer.msg("删除失败");
	        			}
	        		},error:function(){
	        			layer.msg("服务器异常");
	        		},complete:function(){
	        			layer.close(loading);
	        		}
	        	});	
	        });
	    });
    }

    //显示隐藏做菜单按钮
    $(".bars").click(function () {
        if($(".layui-side").hasClass("hideTree")){
            $(".layui-side").removeClass("hideTree");
            $(".layui-body").removeClass("change-left0");
            $(".layui-footer").removeClass("change-left0");
            $(this).css("background-color","#e7e7e7");
        }else{
            $(".layui-side").addClass("hideTree");
            $(".layui-body").addClass("change-left0");
            $(".layui-footer").addClass("change-left0");
            $(this).css("background-color","orange");
        }
    });


    $(".question-email").hover(function () {
        layer.tips('激活邮箱用于找回密码', '.question-email', {
            tips: [2,'orange']
        });
    },function () {

    })


    //激活邮件按钮
    $(".activeEmail").click(function () {

        var loading = layer.load(1, {
            shade: [0.2,'black'] //0.1透明度的白色背景
        });
        
        //发送一个请求  给控制器（让其去发送邮件） 并且要反馈 结果
        //location.href="sendEmail";  页面会发生跳转现象
        //页面不能刷新、页面不能跳转  又要能发送一个请求（ajax 异步请求）
        alert($("#emailForm").serialize());
        $.ajax({
        	url:"sendEmail",
        	data:$("#emailForm").serialize(),
        	type:"POST",
        	dataType:"JSON",
        	success:function(data){ //要求返回数据格式json {"result":"success"},{"result":"error"}
        		if(data.result=="success"){ //邮件发送成功
        			 layer.msg("邮件已经发送！",{icon:6,time:1000,end:function () {
                         layer.prompt({
                             formType: 3,
                             value: '',
                             title: '请输邮箱中收到的验证码'
                         }, function(value, index, elem){
                             if(!/^\d{4}$/.test(value)){
                                 layer.tips('验证码格式错误', '.layui-layer-input', {
                                     tips: [1,'red']
                                 });
                                 return;
                             }
                             
                             loading = layer.load(1, {
                                 shade: [0.2,'black'] //0.1透明度的白色背景
                             });
                             $.ajax({
                            	url:"checkEmailCode",
                             	data:"code="+value,
                             	type:"POST",
                             	dataType:"JSON",
                             	success:function(data){
                             		if(data.result=="success"){
                             			layer.close(index);
                             			layer.msg("激活成功",{icon:6,time:1000,end:function(){
                             				//location.reload();
                             				$("#span1").replaceWith('<span style="color: green">已激活绑定</span>');
                             				$("#p1").remove();
                             			}});
                             			
                             		}else if(data.result=="timeout"){
                             			 layer.tips('验证码已经超时', '.layui-layer-input', {
                                             tips: [1,'red']
                                         });
                             		}else{
                             			 layer.tips('验证码错误', '.layui-layer-input', {
                                             tips: [1,'red']
                                         });
                             		}
                             	},error:function(){
                            		layer.msg("服务器去火星了！稍后再试试",{icon:5});
                            	},complete:function(){
                            		layer.close(loading);
                            	}
                            	 
                             })
                             
                             //  需要验证用户输入的和我们发出去是否一致
                         });
                 }})
        			
        			
        		}else  if(data.result=="logout"){
        			 layer.msg("登录失效，需要重新登录！",{icon:6,time:1000,end:function () {
        				   window.location="login.html";	
        				 }
        			 });
        		}else{
        			layer.msg("邮件发送失败！",{icon:5});
        		}
        	},error:function(){
        		layer.msg("服务器去火星了！稍后再试试",{icon:5});
        	},complete:function(){
        		layer.close(loading);
        	}
        });
        
        //根据结果 给出不同的提示（成功  失败）
        
        

        //定时器模拟邮件发送完毕
       /* setTimeout(function () {
            layer.close(loading);
            layer.msg("邮件已经发送！",{icon:6,time:1000,end:function () {
                    layer.prompt({
                        formType: 3,
                        value: '',
                        title: '请输邮箱中收到的验证码'
                    }, function(value, index, elem){
                        //alert(value); //得到value
                        if(!/^\d{5}$/.test(value)){
                            layer.tips('验证码格式错误', '.layui-layer-input', {
                                tips: [1,'red']
                            });
                            return;
                        }
                        layer.close(index);
                    });
            }})

        },3000)*/



    })
    
    
    

    //窗口改变大小事件
    $(window).resize(function() {
        ww=$(document.body).width(); //更新宽度值
        navTree(ww);
    });

    //显示隐藏左侧导航、登录信息切换、信息列表切换
    function navTree(ww) {
        if(ww!=null){
            ww=parseInt(ww);
            if(ww>970){
                $(".layui-side").removeClass("hideTree");
                $(".layui-body").removeClass("change-left0");
                $(".layui-footer").removeClass("change-left0");
                $(".bars").css("background-color","#e7e7e7");
            }else {
                $(".layui-side").addClass("hideTree");
                $(".layui-body").addClass("change-left0");
                $(".layui-footer").addClass("change-left0");
                $(".bars").css("background-color","orange");
            }
            if(ww<768){
                $(".one").addClass('layui-hide');
                $(".tow").removeClass("layui-hide");

                $(".tableList").addClass('layui-hide');
                $(".cardList").removeClass("layui-hide");
            }else{
                $(".one").removeClass('layui-hide');
                $(".tow").addClass("layui-hide");

                $(".tableList").removeClass('layui-hide');
                $(".cardList").addClass("layui-hide");
            }

        }

    }


    //新建窗口
    function openWindow(url,title) {
        //自定页
        showwindow=layer.open({
            type: 2,
            skin: 'layui-layer-rim', //样式类名
            closeBtn: 1,
            anim: 2,
            shadeClose: true, //开启遮罩关闭
            title:title,
            area: [getwidth(ww), '80%'],
            content: [url, 'no'],
            end:function () {
            	var  id=url.substring(url.lastIndexOf("id=")+3);
                showwindow=null;
                url=null;
                $("#icon_"+id).html('<i class="fa fa-envelope-open" aria-hidden="true"></i>');
            }
        });
    }

    //获得新窗口的宽度比例
    function getwidth(ww) {
        ww=parseInt(ww);
        if(ww>1170){
           return '60%'
        }else if(ww>970){
            return '80%'
        }else if(ww>750){
            return '90%'
        }else {
            return '94%'
        }
    }
    
    
  //执行实例
    var uploadInst = upload.render({
      elem: '#photoBtn' //绑定元素
      ,url: $("#path").val()+'/uploadPhoto' //上传接口
       ,accept:'images'
       ,acceptMime:'image/*'
       ,field:'upload'
       ,auto:false
       ,bindAction:'#uploadBtn'
      ,choose: function(obj){
    	      //预读本地文件示例，不支持ie8
    	 obj.preview(function(index, file, result){
    		 $('#demo1').attr('src', result); //图片链接（base64）
    	 });
      }
      ,done: function(res){
        //上传完毕回调
    	  if(res.rs=="success"){
    		  $("#demo1").attr("src","");
    		  $(".user_photo").attr("src",$("#path").val()+"/statics/images/"+res.src);
    	  }else if(res.rs=="no_login"){
    		  layer.msg("未登录或者登录失效",{end:function(){
    			  location.href="login.html";
    		  }});
    	  }else{
    		  layer.msg("上传头像失败！",{icon:6})
    	  }
      }
      ,error: function(){
        //请求异常回调
    	  layer.msg("错误啦")
      }
    });
  
    
    $("#page2 button").click(function(){
    	
    	//loading
    	var loading = layer.load(1, {
    		  shade: [0.1,'black'] //
    		});
    	var pageIndex=parseInt($("#pageIndex").val())+1;
    	$.ajax({
    		url:"loadJosnMsg?pageIndex="+pageIndex,
    		type:"POST",
    		dataType:"JSON",
    		success:function(data){
    			$("#pageIndex").val(pageIndex);
    			
    			var  msg=data.listMsg;
    			for(var i=0;i<msg.length;i++){
    				console.log("--------->")
    				var  num=(data.pageIndex-1)*5+1+i;
    			var  div=' <div class="layui-card cardList">'
                    +'<div class="layui-card-header">'
                    +'序号:'+num
                    +'<span class="layui-layout-right padding-r-5">'
                    +'<a class="layui-btn layui-btn-xs look" data-id="10"><i class="fa fa-search" aria-hidden="true"></i></a>'
                    +'<a  href="send.html?nav=send&username='+msg[i].username+'&title='+msg[i].title+'"class="layui-btn layui-btn-normal layui-btn-xs reply" data-id="10"><i class="fa fa-reply" aria-hidden="true"></i></a>'
                    +'<a class="layui-btn layui-btn-danger layui-btn-xs delete" data-id="10"><i class="fa fa-trash-o" aria-hidden="true"></i></a>'
                    +'</span>'
                    +'</div>'
                    +'<div class="layui-card-body">'
                    +'信息:'+msg[i].title
                    +'</div>'
                    +'</div>';
    				$("#page2").before(div);
    			}
    			
    			if(data.pageIndex==data.totalPage){
    				$("#page2 button").remove();
    			}
    			lookDelete();
    		},error:function(){
    			layer.msg("服务器异常");
    		},complete: function(){
    			layer.close(loading);
    		}
    	});
    	
    	
    });

});